<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body,ul,div{margin: 0;padding: 0;}
			#dl{border: 1px;background: url(img/login_bg.gif) no-repeat;width: 975px;height: 370px;margin: 0 auto;margin-top: -15px;}
			#zuo{border: 1px;width: 485px;height: 370px;display: block;float: left;}
			#you{border: 1px;width: 485px;height: 370px;display: block;float: left;}
			#zs{border: 1px;background: url(img/logintitle.gif) no-repeat;width: 480px;height: 50px;margin-top: 40px;}
			#zz{border: 1px;width: 370px;height: 150px;margin-left: 100px;}
			.dlwz{font-size: 10px;}
			#zz table{padding-left: 30px;padding-top: 30px;}
			#zz table tr td{height: 40px;line-height: 40px;}
			#zx{border: 1px;width: 480px;height: 150px;}
			.zt{font-size: 10px;}
			#zx li{padding-left: 70px;height: 30px;line-height: 30px;list-style: none;}
			.zt2{font-size: 14px;font-weight: bolder;}
			#ys{border: 1px;width: 480px;height: 40px;margin-top: 40px;background: url(img/register.gif) no-repeat 10px;}
			#yf{border: 1px;width: 480px;height: 300px;}
			#yf td{width: 400px;height: 40px;}
			.tb{border: 1px;display: block;float: left;width: 30px;height: 30px;margin-top: 1px;background: url(img/icon.gif);}
			#tb0{background-position: 0px -126px;}
			#tb1{background-position: 3px -166px;}
			#tb2{background-position: 1px -206px;}
			#tb3{background-position: 1px -244px;}
			.lswz{font-weight: bolder;color: dodgerblue;line-height: 35px;display: block;float: left;}
			.ptwz{font-size: 10px;display: block;float: left;line-height: 35px;}
			#zf0{border: 1px;width: 400px;height: 75px;margin: 0 auto;background-color: #FFF8DC;padding-top: 2px;}
			.hyxx{border: 1px solid burlywood;width: 300px;height: 30px;margin: 0 auto;margin-top: 3px;background-color: white;}
			.tb0{border: 1px;display: block;float: left;width: 25px;height: 25px;margin-top: 1px;background: url(img/icon.gif);margin-left: 30px;}
			#tb4{background-position: -17px -280px;}
			#tb5{background-position: -17px -320px;}
			.hs{color: #000000;}
		</style>
	</head>
	<body>
		
		<div id="tb">
			<iframe runat="server" src="header.html" width="1300px" frameborder="0" scrolling="no"></iframe> 
		</div>
		
		<div id="dl">
			<div id="zuo">
			<div id="zs"></div>
			<div id="zz">
				<table border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td><span class="dlwz">会员名：</span></td>
						<td><input type="text" /></td>
						<td><span class="dlwz">(可包含 a-z，0-9 和下划线)</span></td>
					</tr>
					<tr>
						<td><span class="dlwz">密 &nbsp;&nbsp; 码：</span></td>
						<td><input type="password" /></td>
						<td><span class="dlwz">(至少包含 6 个字符)</span></td>
					</tr>
					<tr>
						<td colspan="3" style="text-align: center;">
							<img src="img/login.gif" >
						</td>
					</tr>
				</table>
			</div>
			<div id="zx">
				<ul>
					<li><span class="zt2">δ &nbsp;</span><a class="zt" href="#">什么是安全登录</a></li>
					<li><span class="zt2">δ &nbsp;</span><a class="zt" href="#">什么是安全登录</a></li>
					<li><span class="zt2">δ &nbsp;</span><a class="zt" href="#">什么是安全登录</a></li>
					<li><span class="zt2">δ &nbsp;</span><a class="zt" href="#">什么是安全登录</a></li>
				</ul>
			</div>
			</div>
			<div id="you">
				<div id="ys"></div>
				<div id="yf">
					<table border="0px" cellpadding="0" cellspacing="0" style="margin-left: 50px;">
						<tr>
							<td>
								<div class="tb" id="tb0"></div>
								<span class="lswz"> 便宜有好货！ </span>
								<span class="ptwz">超过7000万件商品任您选。</span>
							</td>
						</tr>
						<tr>
							<td>
								<div class="tb" id="tb1"></div>
								<span class="lswz"> 便宜有好货！ </span>
								<span class="ptwz">超过7000万件商品任您选。</span>
							</td>
						</tr>
						<tr>
							<td>
								<div class="tb" id="tb2"></div>
								<span class="lswz"> 便宜有好货！ </span>
								<span class="ptwz">超过7000万件商品任您选。</span>
								
							</td>
						</tr>
						<tr>
							<td>
								<div class="tb" id="tb3"></div>
								<span class="lswz"> 便宜有好货！ </span>
								<span class="ptwz">超过7000万件商品任您选。</span>
							</td>
						</tr>
						<tr>
							<td>
								<img src="img/registernow.gif" style="margin-top: 5px;margin-left: 90px;" >
							</td>
						</tr>
					</table>
					<div id="zf0">
						<div class="hyxx">
							<div class="tb0" id="tb4"></div>
							<span class="ptwz">您已经是会员？<a href="#" class="hs">由此登入</a></span>
						</div>
						<div class="hyxx">
							<div class="tb0" id="tb5"></div>
							<span class="ptwz">您已经是会员？<a href="#" class="hs">由此登入</a></span>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	
		<div id="wb">
			<iframe runat="server" src="footer.html" width="1300px" height="200px" frameborder="0" scrolling="no"></iframe> 
		</div>
	
	</body>
</html>
